<div *ngIf="!lists.length" class="empty-tip" style="margin-top:250px">
  加载中…
</div>
<div *ngIf="lists.length">
  <a routerLink="/orderDetail/{{list.violation_order_id}}" class="order-item" *ngFor="let list of lists">
    <div class="header clear">
      <div class="grey">
        <span class="icon">
          <ons-icon icon="calendar"></ons-icon>
        </span>
        {{list.time}}</div>
      <div class="grey">
        <span class="icon">
          <ons-icon icon="map-marker"></ons-icon>
        </span>
        {{list.address}}</div>
      <div class="reason">原因:{{list.reason}}</div>

    </div>
    <div class="body">
      <div>
        <p>扣分</p>
        <p>{{list.point}}</p>
      </div>
      <div>
          <p>罚款</p>
          <p>{{list.fine}}</p>
        </div>
      <div>
        <p>总支付</p>
        <p>{{list.real_pay}}</p>
      </div>
    </div>
    <div class="footer clear grey">
      <div class="fl">
        备注：{{list.handle_des}}
      </div>
      <div class="fr">
        {{['未支付','处理中','处理成功','处理失败(已退款)','支付凭证审核中'][list.status]}}
      </div>
    </div>
  </a>
</div>
